/* CSS Document */
fieldset, img {border:0 none;}
fieldset {margin:0;padding:0;}
fieldset p {margin:5px 0 0 0;padding:0; line-height:30px; font-size:14px; font-weight:bold}


body{ background:#e1f3f7 url(../images_cn/api/body-bg.jpg) repeat-x 0 192px}

.wapper{ width:960px; margin:0 auto; padding:0 0 20px; line-height:1}
.ad{ margin:0 0 8px;}
.ad img{ display:block}
.border-top{ border-top:1px #eee dashed}
/*crumbs*/
.crumbs{ padding:12px 0 12px 25px; background:url(../images_cn/api/crumbs.png) no-repeat 9px; font-size:14px;color:#E6F5FA}
.crumbs a{ margin:0 9px;color:#E6F5FC}
.crumbs a:hover{ color:#E6F5FC}

/*main*/
.main{ background:#f0f8fb url(../images_cn/api/body-top.png) no-repeat 0 0; padding:12px 8px}
.side{ float:left;width:171px;font-size:14px}

.content{ float:left; width:737px; padding:10px; background:#fff;margin:0 7px; border:1px #B3D9EC solid}
.content-more{ float:left;width:757px; padding:0; margin:0 0 0 7px; border:1px #B3D9EC solid}
.w-max{ width:737px; margin:0 0 0 7px}
/*side*/
.side-sub{padding:0 0 5px;margin:0 0 8px;background:url(../images_cn/api/column-bot.png) no-repeat 0 bottom;}
.side h2{ background:url(../images_cn/api/column-top.png) no-repeat;font-size:100%; color:#0A68A8; height:34px; line-height:34px; padding:0 0 0 34px;}

.side-col{ border:1px #BEDFEE solid; background:#fff; border-top:none;border-bottom:none; padding:9px 5px 0}
.side-col ul li a,.side-col ul li a.cur{ display:block;height:30px; line-height:30px; width:127px; padding:0 0 0 32px; border-bottom:1px #fff solid; font-size:100%; font-weight:bold;color:#0A66A5;background:#F8FCFF url(../images_cn/api/column-bg.png) no-repeat 0 -46px}
.side-col ul li a.cur,.side-col ul li a:hover{ background-position:0 -76px;color:#fff; text-decoration:none}

.side-col li ul a,.side-col li ul a.cur{ height:23px; line-height:23px; font-size:12px; font-weight:normal; border:none; background-position:32px -20px; padding:0 0 0 40px; width:119px}
.side-col li ul a.cur,.side-col li ul a:hover{ background-position:32px 0;color:#333;}


.side-col2 p{ text-align:right}
.side-col2 ul li a,.side-col2 ul li a:hover,.side-col2 p a{ font-size:12px; font-weight:normal; height:26px; line-height:26px; background-color:#fff; background-position:-7px -48px; border:none; padding:0 0 0 23px}
.side-col2 ul li a:hover{ color:#0A66A5;text-decoration:underline}

.side-col3{ padding:5px 5px 5px 10px;color:#666; font-size:12px; line-height:22px}
/*step-overview*/
.step-overview{ margin:20px 0}
.step-overview li{ float:left; height:41px; line-height:1.2; padding:20px 0 0 20px; margin:0 8px 0 0;background:url(../images_cn/api/step-bg.png) no-repeat 0 0;}
.step-overview li.l1{ width:171px}
.step-overview li.l2{ width:159px; background-position:0 -61px}
.step-overview li.l3{ width:159px; background-position:0 -122px; margin:0}
.step-overview li strong{ display:block;color:#0A66A7; font-weight:bold; font-size:14px}

/*overview-col*/
.overview-col{ line-height:2;padding:10px 20px 20px 20px}
.overview-col h3{color:#0A68A8; height:34px; line-height:34px; font-size:14px; padding:0 0 0 5px}
.overview-col .flash-col{ width:543px; height:387px; margin:20px 5px 20px}
.overview-col ol span{ font-size:12px; font-family:"宋体"}

.overview-col dl,.overview-col p{ padding:0 5px}
.overview-col dt{ font-size:14px; font-weight:bold;}

.overview-more{ background:url(../images_cn/api/photo-bg.png) no-repeat; width:552px; padding:25px 0 50px 15px; margin:10px 0 0}
.overview-more td{ padding:0 10px}
/*quick*/
.quick dl{ padding:10px 0; float:left; line-height:2}
.quick dt{color:#0C65A7}
.quick dd{ text-indent:15px}
.quick dd.margin-b{ margin:0 0 20px}

/*api-eg*/
.api-eg,.api-eg2{ width:538px; height:190px; padding:0 0 0 28px; margin:0 0 8px; background:url(../images_cn/api/box-eg3.png) no-repeat 0 0}
.api-eg2{ height:550px;background:url(../images_cn/api/box-eg2.png) no-repeat 0 0;}
.api-eg3{ height:286px;background:url(../images_cn/api/box-eg1.png) no-repeat 0 0;}
.api-eg p{ padding:5px 0 0; line-height:1.6}
.api-eg p.first{color:#000;font-weight:bold;padding:12px 0 5px;}
.api-eg a.btn{ float:left;width:64px; height:23px; line-height:23px; margin:0 7px 0 0; text-align:center; background:url(../images_cn/api/btn-run.png) no-repeat}
.api-eg a.btn:hover{ text-decoration:none}
.api-eg textarea{ width:510px; height:65px; padding:2px; line-height:1.5}
.api-eg2 textarea{ height:360px}
.api-eg3 textarea{ height:165px}

/*version*/
.version{}
.version table{ width:100%;text-align:center; margin:10px auto 50px; clear:both}
.version .col2{ }

.version th,.version td{color:#666; line-height:32px; vertical-align:middle; border-bottom:1px #d6d6d5 solid}
.version th,.version td.borbb{border-bottom:1px #90928f solid}
.version th.borlr,.version td.borlr{border-left:1px #90928f solid;border-right:1px #90928f solid}
.version td.borbom{ border-bottom:0; height:62px}
.version td span{color:#3FB732; font-size:14px; font-weight:bold}

/*next*/
.next{ background:url(../images_cn/api/step-bg2.png) no-repeat 0 50px;margin:0 0 10px 10px;height:auto;overflow:hidden;}
.next p{ line-height:18px}
.next p.tips{ margin:0 0 20px; padding:5px 0 0 15px;font-size:16px; font-weight:bold; background:url(../images_cn/api/step-tips.png) no-repeat 0 8px}
.next p.step1{ padding:23px 0 0 90px}
.next p.step2{ padding:35px 0 0 270px; width:250px}
.next p.step3{ padding:25px 0 20px 145px; width:180px}

/*faq*/
.faq{ line-height:2}
.faq h3{ font-size:14px; padding:0 0 10px;}
.faq dt{color:#0D65AC}


/*services*/
.services{ line-height:2}
.services h3{ font-size:14px; padding:0 0 10px;}
.services dt{color:#0D65AC}
.services dl.margin-top{ margin:20px 0 0}

/*question*/
.question{ background:#FBFBFB url(../images_cn/api/box-online.png) no-repeat; margin:30px 0 100px 20px; width:705px; height:608px}
.question h3{ font-size:14px;padding:15px 0 0 30px}
.question p{ color:#666;padding:15px 0 0 30px}


.ques-sub{ color:#666; padding:40px 80px 0 80px}
.ques-sub h4{ font-size:14px}
.ques-sub h4 a{ float:right;}
.ques-sub table{ font-size:14px; font-weight:bold; margin:15px 0 0 60px}
.ques-sub td,.ques-sub th{ padding:13px 0; }
.ques-sub th{ text-align:right}
.ques-sub th.v-top{vertical-align:top}
.ques-sub label{ margin:0 30px 0 0}
.ques-sub input{ margin:0 2px 0 0}
.ques-sub input.txt{ width:284px; height:20px; padding:8px 2px; border:1px #DEDEDE solid; background:#fff}
.ques-sub textarea{ height:120px; width:280px; padding:4px}

/*reg*/
.reg h1{ padding:25px 0 0 65px; height:35px;}
.reg h1 img{ float:left}
.reg h1 p{ font-size:12px; color:#868686; line-height:1.5; font-weight:normal;padding:0 0 0 15px; float:left}

.reg-step{ height:34px;margin:33px 0 26px 65px;overflow:hidden; clear:both}
.reg-step li,.reg-step li span{ background:url(../images_cn/api/step-bg3.png) no-repeat 0 0}
.reg-step li { float:left;height:34px;margin:0 26px 0 0; padding:0 0 0 34px}
.reg-step li span{ text-decoration:none; float:left; background-position:right 0; height:34px; padding:0 34px 0 0; line-height:34px; color:#666; font-size:14px; font-weight:bold}
.reg-step li.cur{ background-position:0 -34px; position:relative;}
.reg-step li.cur span{ background-position:right -34px;color:#fff}
.reg-sub{ width:811px; height:607px; margin:0 0 0 65px; background:url(../images_cn/api/box-reg.png) no-repeat}

.loginl{margin:22px 0 0 0; float:left; display:inline; width:300px}
.loginr{ float:right; width:270px;height:346px;padding:30px 0 0 30px; margin:9px 13px 0 0; display:inline}

.loginl h3{ padding:0 0 30px 45px; font-size:14px; line-height:1.2}
.loginr h3{ padding:0 0 10px 0; font-size:14px}

.loginl .txt,.loginl select,.loginr .txt{ width:210px; height:20px; padding:4px 10px; border:1px #ddd solid}
.loginl select{ height:28px; width:230px}
.loginl .w-min{ width:40px}
.loginl label{ padding:2px;}
.loginl label input{ margin:0 3px; vertical-align:middle}


.loginl table{ width:450px; font-size:14px;}
.loginl th,.loginl td{ padding:6px 0}
.loginl th{  text-align:right; width:120px; font-size:14px; color:#666}
.loginl input.btn{ background:url(../images_cn/api/btn-reg.png) no-repeat; width:170px; height:42px; border:none; cursor:pointer}

.loginr{ text-align:left}
.loginr th,.loginr td{ padding:6px 0}
.loginr th{ padding:20px 0 6px;font-size:14px;color:#666}
.loginr label{ padding:2px; font-size:14px}
.loginr label input{ margin:0 3px; vertical-align:middle}
.loginr input.btn,.loginl input.sub-btn{ background:url(../images_cn/api/btn-login.png) no-repeat; width:93px; height:42px; border:none; cursor:pointer}
.loginl input.sub-btn{background:url(../images_cn/api/btn-sub.png) no-repeat;}
.btn_msg{background:url(../images_cn/api/btn-sub.png) no-repeat;}
/*case*/
.case h3{ font-size:14px; padding:5px 0 0; color:#0B64A8}
.case dl{ padding:25px 0 30px 18px; line-height:1.8; border-bottom:1px #eee dashed; background:url(../images_cn/api/step-tips.png) no-repeat 0 33px}
.case dt{ font-size:14px; font-weight:bold}
.case dt img{ float:right}
.case dd{ padding:0 300px 0 0;}

.case-more{ padding:20px 0 20px 20px}
.case-more li{ float:left; margin:40px 20px 0 0}
.case-list li{ float:left; margin:0 14px 13px 0}
/*question-more*/
.question-more{ width:757px;position:relative;background:url(../images_cn/api/ques-more.png) no-repeat 0 0}
.question-more h3{ height:34px; line-height:34px; font-size:16px; text-align:center}
.question-more h3 a{ position:absolute;left:40px;top:0px; font-size:12px; font-weight:normal}

.question-more table{ width:100%}
.question-more th,.question-more td{ border-bottom:1px #ccc solid; padding:20px 0; line-height:1.6}
.question-more th{ background:#f9f9f9; width:190px; font-weight:normal}
.question-more td{ background:#fff;}
.question-more dl{ background:url(../images_cn/api/ques-more-tips.png) no-repeat 8px 8px; padding:0 30px 0 22px}
.question-more dt{ font-size:14px; font-weight:bold; padding:0 0 10px}
.question-more dd{color:#666; text-indent:24px}

/*dz*/
.dz dd{ padding:0}
.dz dd.tar{ text-align:right}
.dz dd blockquote{ border:1px #B3D9EC solid; background:#F8FCFF; padding:5px 10px; margin:5px 0}
.dz dd textarea{ width:99.8%; height:150px; margin:5px 0}
